<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<!--响应式布局网页设计的关键-->

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!--SEO优化   兼容性-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit" />
		<!-- webkit ie-comp ie-stand-->
		<meta name="author" content="hpe" />
		<meta name="keywords" content="bootstrap,html5,css3,蓝瘦,香菇" />
		<!--尽可能符合网络搜索的热门词汇-->
		<meta name="description" content="bootstrap基本模板" />

		<title>Bootstrap模板</title>

		<!--先引入Bootstrap的css文件，后引入自定义css文件-->
		<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/style.css" />

		<!--[if lt IE 9]>
		 <script src="scripts/html5.min.js"></script>
		 <script src="scripts/respond.min.js"></script>
			
		<![endif]-->

	</head>

	<body>
		<header>
			<nav class="navbar navbar-default navbar-static-top">
				<div class="container">

					<div class="navbar-header">
						<a href="" class="navbar-brand" style="color: #000;font-weight: 900;font-size: 30px;font-family: 黑体;"><b>后台管理</b></a>
						<button class="navbar-toggle navbar" data-toggle="collapse" data-target="#navbarContent">
						<span class="icon-bar" ></span>
						<span class="icon-bar" ></span>
						<span class="icon-bar" ></span>
					</button>
					</div>
					<div class="collapse navbar-collapse" id="navbarContent">
						<ul class="nav navbar-nav ">
							<li>
								<a href="index.html">
									<span class="glyphicon glyphicon-home"></span>
									<b>后台首页</b></a>
							</li>
							<li>

								<a href="user_list.html">
									<span class="glyphicon glyphicon-user"></span>

									<b>用户管理</b></a>
							</li>
							<li>

								<a href="content.html">
									<span class=" glyphicon glyphicon-list"></span>
									<b>内容管理</b></a>
							</li>
							<li>

								<a href="tag.html">
									<span class="glyphicon glyphicon-tag"></span>
									<b>标签管理</b></a>
							</li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<!--<a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
							<a id="dLabel" type="button" data-toggle="dropdown">
								admin
								<span class="caret"></span>
							</a>
							<ul class="dropdown-menu" aria-labelledby="dLabel">
								<li>
									<a href="index.html"><span class="glyphicon glyphicon-screenshot"></span>&nbsp;&nbsp;前台首页</a>
								</li>
								<li>
									<a href="index.html"><span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;个人主页</a>
								</li>
								<li>
									<a href="index.html"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;个人设置</a>
								</li>
								<li>
									<a href="index.html"><span class="glyphicon glyphicon-credit-card"></span>&nbsp;&nbsp;账户中心</a>
								</li>
								<li>
									<a href="index.html"><span class="glyphicon glyphicon-heart"></span>&nbsp;&nbsp;我的收藏</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#bbs"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a>
						</li>
					</ul>
					</div>
				</div>

			</nav>
		</header>
		<section id="Home">
			<div class="container">
				<div class="alert alert-danger">
					<button class="close" type="button" data-dismiss="alert">
<span>&times;</span>
</button>
					<p style="font-size: 20px;">网站程序有漏洞，急需修复！</p><br />
					<p>当前版本程序(V1.2.2)存在严重安全问题，容易造成攻击，请即刻修复！</p><br />
					<button class="btn btn-danger">立即修复</button>
					<button class="btn " data-dismiss="alert">稍后处理</button>
				</div>
			</div>
		</section>
		<div class="container">

			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">网站数据统计</div>
					<div class="panel-body">
						<table class="table table-striped">
							<tbody>
								<tr>
									<th>统计项目</th>
									<th>今日</th>
									<th>昨日</th>
								</tr>
								<tr>
									<td>注册会员</td>
									<td>200</td>
									<td>400</td>
								</tr>
								<tr>
									<td>登陆会员</td>
									<td>4100</td>
									<td>5112</td>
								</tr>
								<tr>
									<td>今日发帖</td>
									<td>1540</td>
									<td>4511</td>
								</tr>
								<tr>
									<td>转载次数</td>
									<td>150</td>
									<td>110</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">网站热帖</div>
					<div class="panel-body">
						<ul class="list-group">
							<li class="list-group-item">
								<a href="">
									<span class="glyphicon glyphicon-list-alt"></span> 惠普职业教育，效率和就业为王
									<i class="text-right">&nbsp;2016/11/26</i>
								</a>
							</li>
							<li class="list-group-item">
								<a href="">
									<span class="glyphicon glyphicon-list-alt"></span> 惠普职业教育，效率和就业为王
									<span class="text-right">&nbsp;2016/11/26</span>
								</a>
							</li>
							<li class="list-group-item">
								<a href="">
									<span class="glyphicon glyphicon-list-alt"></span> 惠普职业教育，效率和就业为王
									<span class="text-right">&nbsp;2016/11/26</span>
								</a>
							</li>
							<li class="list-group-item">
								<a href="">
									<span class="glyphicon glyphicon-list-alt"></span> 惠普职业教育，效率和就业为王
									<span class="text-right">&nbsp;2016/11/26</span>
								</a>
							</li>
							<li class="list-group-item">
								<a href="">
									<span class="glyphicon glyphicon-list-alt"></span> 惠普职业教育，效率和就业为王
									<span class="text-right">&nbsp;2016/11/26</span>
								</a>
							</li>
						</ul>

					</div>
					</table>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">今日访客统计</div>
					<div class="panel-body">

						<canvas id="canvas" width="" height=""></canvas>

					</div>
				</div>
			</div>
			<div class="col-md-6">
				<div class="panel panel-default">
					<div class="panel-heading">服务器状态</div>
					<div class="panel-body">
						<ul class="list-group">
							<li class="list-unstyled">
								<p>内存使用率：40%</p>
								<div class="progress">
									<div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
										<span class="sr-only">40% Complete (success)</span>
									</div>
								</div>
							</li>
							<li class="list-unstyled">
								<p>数据库使用率：20%</p>
								<div class="progress">
									<div class="progress-bar progress-barprogress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
										<span class="sr-only">20% Complete (success)</span>
									</div>
								</div>
							</li>
							<li class="list-unstyled">
								<p>磁盘使用率：60%</p>
								<div class="progress">
									<div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
										<span class="sr-only">60% Complete (success)</span>
									</div>
								</div>
							</li>
							<li class="list-unstyled">
								<p>CPU使用率：80%</p>
								<div class="progress">
									<div class="progress-bar progress-bar-danger progress-bar-striped active" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
										<span class="sr-only">80% Complete (success)</span>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			
		
            <div class="panel panel-default">
                <div class="panel-heading">团队留言板</div>
                <div class="panel-body">
                    <div class="col-md-4">
                        <div class="media well">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object wh64" src="img/a.png" alt="卓大哥">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">卓大哥</h4>
                                技术大哥，今晚请把网站程序升级一下哈，现在的系统有漏洞，安全起见！
                            </div>
                        </div>
                        <div class="media well">
                            <div class="media-body text-right">
                                <h4 class="media-heading">技术大哥</h4>
                                收到，今晚凌晨2点准时升级！
                            </div>
                            <div class="media-right ">
                                <a href="#">
                                    <img class="media-object wh64 " src="img/b.png" alt="技术大哥">
                                </a>
                            </div>
                        </div>
                        <div class="media well">
                            <div class="media-body text-right">
                                <h4 class="media-heading">技术大哥</h4>
                                你先在站点发布一下通知哈！
                            </div>
                            <div class="media-right">
                                <a href="#">
                                    <img class="media-object wh64" src="img/b.png" alt="技术大哥">
                                </a>
                            </div>
                        </div>
                        <div class="media well">
                            <div class="media-left">
                                <a href="#">
                                    <img class="media-object wh64" src="img/a.png" alt="卓大哥">
                                </a>
                            </div>
                            <div class="media-body">
                                <h4 class="media-heading">卓大哥</h4>
                                好嘞。
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <form action="#">
                            <div class="form-group">
                                <label for="text1">输入留言内容</label>
                                <textarea class="form-control" id="text1" rows="5" cols="10" placeholder="请输入留言内容"></textarea>
                                <button type="submit" class="btn btn-default mar_t15">留言</button>
                            </div>
                        </form>
                        <div class="panel panel-default">
                            <div class="panel-heading">团队联系手册</div>
                            <div class="panel-body">
                                <ul class="list-group">
                                    <li class="list-group-item">站长(李小龙)：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;13134848615</li>
                                    <li class="list-group-item">技术(大牛哥)：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;13456127694</li>
                                    <li class="list-group-item">推广(张二哥)：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;13457815482</li>
                                    <li class="list-group-item">客服(王女士)：<span class="glyphicon glyphicon-phone"></span>&nbsp;&nbsp;13134567782&nbsp;&nbsp;<span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;028-888888</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</div>
			<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-12 text-center">
						<p>
							&copy;Copyright © 2016-2026  www.jixiaokang.xyz  豫ICP备12345678号-1
						</p>
					</div>
				</div>
			</div>

		</footer>

		<!--先引入jQuery的js文件，后引入Bootstrap的js文件-->
		<script src="scripts/jquery.min.js"></script>
		<script src="bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="scripts/Chart.js" type="text/javascript" charset="utf-8"></script>
		<script src="scripts/script.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>